<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>码云个人页面</title>
    <link rel="stylesheet" href="CSS/chengbenchao.css">
</head>
<body>
    <header>
        <div class="content flex">
            <div id="hl" class="flex">
                <img src="images/logo.svg">
                <a href="#">开源软件</a>
                <a href="#">企业版</a>
                <a href="#">高校版</a>
                <a href="#">私有云</a>
                <a href="#">博客</a>
                <a href="#">我的</a>
            </div>
            <div id="hr" class="flex">
                <input type="text" placeholder="搜开源">
                <span class="iconfont">&#xf01f5;</span>
                <img src="images/bulb_on.svg">
                <span class="iconfont">&#xe727;</span>
                <p class="c">
                    C
                </p>
            </div>
        </div>
    </header>
    <div class="content flex" id="center">
        <nav class="flex">
            <div id="chengbenchao">
                <div class="flex">
                    <p class="c">C</p>
                    <h4>chengbenchao</h4>
                    <span class="iconfont blue">&#xe64d;<a href="#" class="blue">个人主页</a></span>
                    <span class="iconfont">&#xe979;</span>
                </div>
                <div class="cbc flex">
                    <span class="iconfont">&#xe629;</span>
                    <p>仓库</p>
                    <p>68</p>
                </div>
                <div class="cbc flex">
                    <span class="iconfont">&#xea1b;</span>
                    <p>Pull Requests</p>
                    <p>0</p>
                </div>
                <div class="cbc flex">
                    <span class="iconfont">&#xe8ec;</span>
                    <p>任务</p>
                    <p>0</p>
                </div>
                <div class="cbc flex">
                    <span class="iconfont">&#xe6f1;</span>
                    <p>代码片段</p>
                    <p>0</p>
                </div>
                <div class="cbc flex">
                    <span class="iconfont">&#xe637;</span>
                    <p>我的星选集</p>
                    <p>0</p>
                </div>
            </div>
            <div id="enterprise">
                <h4>企业</h4>
                <a href="#" class="blue">武汉极客营</a>
                <div class="flex">
                    <p>仓库：0</p>
                    <p>Pull Requests：0</p>
                    <p>任务：2</p>
                </div>
                <a href="#" class="blue">管理</a>
            </div>
            <div id="organization">
                <div class="flex">
                    <h4>组织</h4>
                    <span class="iconfont">&#xe727;</span>
                </div>
                <div class="flex">
                    <a href="#" class="blue">igeek-home</a>
                    <p>管理员</p>
                </div>
                <div class="flex">
                    <a href="#" class="blue">big-frontend</a>
                    <p>管理员</p>
                </div>
            </div>
        </nav>
        <article>
            <h4>动态</h4>
            <p>所有动态</p>
            <div class="send">
                <h4 class="blue">chengbenchao</h4>
                <div class="flex">
                    <div class="flex">
                        <span class="iconfont">&#xe753;</span>
                        <p>推送到了 <span class="blue">chengbenchao/html2021</span> 的 <span class="blue">master</span>分支</p>
                    </div>
                    <p>3天前</p>
                </div>
                <div class="flex">
                    <p class="c2">C</p>
                    <p class="blue">4e19fa9</p>
                    <p>yuque</p>
                </div>
                <p class="c">C</p>
            </div>
            <h4 class="data">2021-09-01</h4>
            <div class="send">
                <h4 class="blue">chengbenchao</h4>
                <div class="flex">
                    <div class="flex">
                        <span class="iconfont">&#xe753;</span>
                        <p>推送到了 <span class="blue">chengbenchao/html2021</span> 的 <span class="blue">master</span>分支</p>
                    </div>
                    <p>8天前</p>
                </div>
                <div class="flex">
                    <p class="c2">C</p>
                    <p class="blue">6c0242d</p>
                    <p>d10</p>
                </div>
                <p class="c">C</p>
            </div>
            <h4 class="data">2021-09-01</h4>
            <div class="send">
                <h4 class="blue">chengbenchao</h4>
                <div class="flex">
                    <div class="flex">
                        <span class="iconfont">&#xe753;</span>
                        <p>推送到了 <span class="blue">chengbenchao/html2021</span> 的 <span class="blue">master</span>分支</p>
                    </div>
                    <p>9天前</p>
                </div>
                <div class="flex">
                    <p class="c2">C</p>
                    <p class="blue">23a0237</p>
                    <p>d10</p>
                </div>
                <p class="c">C</p>
            </div>
            <button>加载更多</button>
        </article>
        <aside class="flex">
            <div>
                <h4>推荐关注</h4>
                <div class="flex gz">
                    <div class="head"></div>
                    <div class="aside_ins">
                        <p class="blue">海之林</p>
                        <p>全栈工程师一枚</p>
                    </div>
                    <div>关注</div>
                </div>
                <div class="flex gz">
                    <div class="head"></div>
                    <div class="aside_ins">
                        <p class="blue">牛人干货</p>
                        <p>暂无简介</p>
                    </div>
                    <div>关注</div>
                </div>
                <div class="flex gz">
                    <div class="head"></div>
                    <div class="aside_ins">
                        <p class="blue">mvphp</p>
                        <p>我的联系方式：000011..</p>
                    </div>
                    <div>关注</div>
                </div>
                <div class="change">
                    <span class="iconfont">&#xf00f7;</span>
                    <span class="blue">换一批</span>
                </div>
            </div>
            <div>
                <h4>推荐仓库</h4>
                <div>
                    <div class="tj flex">
                        <a href="#" class="blue">snippet</a>
                        <div>
                            <span class="iconfont">&#xe637;</span>
                            <label class="blue">140</label>
                        </div>
                    </div>
                    <p>python学习实例，相关文章参见公众号Crossin的编程教师 crossincode.com</p>
                    <div class="tj flex">
                        <a href="#" class="blue">adguard</a>
                        <div>
                            <span class="iconfont">&#xe637;</span>
                            <label class="blue">98</label>
                        </div>
                    </div>
                    <p>项目已迁至GitHub</p>
                </div>
            </div>
        </aside>
    </div>
    <footer>
        <div class="content">
            <img src="images/logo-black.svg" alt="">
            <p>深圳市奥斯网络科技有限公司版权所有</p>
            <div class="flex">
                <div class="ftlabel">
                    <p>关于我们</p>
                    <p>加入我们</p>
                    <p>使用条款</p>
                    <p>意见建议</p>
                    <p>合作伙伴</p>
                </div>
                <div class="ftlabel">
                    <p>Git 大全</p>
                    <p>Git 命令学习</p>
                    <p>CopyCat 代码克隆检测</p>
                    <p>APP与插件下载</p>
                </div>
                <div class="ftlabel">
                    <p>Gitee 封面人物</p>
                    <p>GVP 项目</p>
                    <p>Gitee 博客</p>
                    <p>Gitee 公益计划</p>
                </div>
                <div class="ftlabel">
                    <p>OpenAPI</p>
                    <p>帮助文档</p>
                    <p>在线自助服务</p>
                    <p>更新日志</p>
                </div>
                <div class="ftlabel">
                    <div class="flex"><span class="iconfont">&#xe50b;</span><p>官方技术交流QQ群：515965326</p></div>
                    <div class="flex"><span class="iconfont">&#xe626;</span><p>git@oschina.cn</p></div>
                    <div class="flex"><span class="iconfont">&#xea8b;</span><p>Gitee</p></div>
                    <div class="flex"><span class="iconfont">&#xe602;</span><p>售前及售后使用咨询： 400-606-0201</p></div>
                </div>
                <div class="ewm">
                    <img src="images/mini_app.jpg">
                    <p>微信小程序</p>
                </div>
                <div class="ewm">
                    <img src="images/qrcode-weixin.jpg">
                    <p>微信服务号</p>
                </div>
            </div>
        </div>
        <div id="ft">
            <div class="content flex">
                <div class="flex">
                    <img src="images/logo-openatom.svg" alt="">
                    <p>开放原子开源基金会</p>
                    <p>合作代码托管平台</p>
                    <img src="images/12377.png" alt="">
                    <p>违法和不良信息举报中心</p>
                    <p>粤ICP备12009483号</p>
                </div>
                <div class="flex">
                    <span class="iconfont">&#xe6cd;</span>
                    <p>简 体 / 繁 体 / English</p>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>